<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>余额</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/center-vip.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="css/user-information.css">
		<script type="text/javascript" src="js/mui.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/iscroll.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
		<script type="text/javascript" src="js/hmt.js"></script>
	</head>

	<body>
		<!--header star-->
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="javascript:history.back(-1)" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
			<div class="header-tit">
				个人资料
			</div>
		</header>
		<!--header end-->
		<div id="container">
			<div id="main">
				<div class="warp clearfloat">
					<div class="h-top clearfloat box-s">
						<p class="user">王小二</p>
						<div class="vip-time">
							<img src="img/vip00.png" style="width: 42px;" />
							<span id="time">
				    			到期时间:<span>2018-04-18</span>
							</span>
						</div>
					</div>
				</div>
				
				<!--个人资料区域-->
				<ul class="mui-table-view">
		        <li class="mui-table-view-cell">
		            <p class="font">头像</p>
		            <img id="tximg" src="img/10.png" width="50px" style="float: right; "/>
		        </li>
		        <li class="mui-table-view-cell">
		            <p class="font">昵称</p>
		            <input type="text" placeholder="你的昵称" class="input"/>
		        </li>
		        <li class="mui-table-view-cell">
		            <p class="font">帐号</p>
		            <input type="text" value="5201314" disabled="disabled" class="input"/>
		        </li>
		        <li class="mui-table-view-cell">
		            <p class="font">性别</p>
		            <input id="sex" type="text" disabled="disabled" class="input"/>
		        </li>
		        <li class="mui-table-view-cell">
		            <p class="font">手机</p>
		            <input type="text" value="138123456789" disabled="disabled" class="input"/>
		        </li>
		       <li class="mui-table-view-cell">
		            <p class="font">坐机</p>
		            <input type="text" placeholder="010-52445255" class="input"/>
		        </li>
		        <li class="mui-table-view-cell">
		            <p class="font">邮箱</p>
		            <input type="text" placeholder="415258115@163.com" class="input"/>
		        </li>
		        <li class="mui-table-view-cell">
		            <p class="font">QQ</p>
		            <input type="text" placeholder="415258115@163.com" class="input"/>
		        </li>
		        <li class="mui-table-view-cell">
		            <p class="font">微信</p>
		            <input type="text" placeholder="415258115@163.com" class="input"/>
		        </li>
		    </ul>
				
			<!--底部区域-->
			<div class="user-bt0">
				<button class="user-bt1">确定</button>
			</div>
			</div>
		</div>

	</body>
	
		<script type="text/javascript">
					
			//按键返回与策划返回		
			document.addEventListener("plusready", function() {
	        	// 注册返回按键事件
	        	plus.key.addEventListener('backbutton', function() {
	            	// 事件处理
	        		window.history.back();
	        	}, false);
	    	});
	</script>
</html>